/* @override http://originate.innovanet.co.nz/cms/css/cmslayout.css */

a, a:visited, a:hover, a:active{
	color: #5a7c93;	
}

img {
	border:  none;
}
.cms_browsetext th{
	font-weight: bold;	
	color: #54544c;
}
.cms_browsetext a, .cms_browsetext a:visited, .cms_browsetext a:hover, .cms_browsetext a:active {
	text-decoration: none;
	color: #54544c;
}

.cms_browsetext td{
	word-wrap: break-word;
	vertical-align: middle;
	text-align: left;
}

#cms_authformcontainer {
	padding-top:  30px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom:15px;
	text-align: center;
}

a.cms_authform, a.cms_authform:visited, a.cms_authform:hover, a.cms_authform:active{
	 color: black;
}

#cms_masteraddedit {
}

#cms_asssitance {
	padding-bottom: 10px;
}

.cms_index_linkbox {
	background-color: #F5F5F5;
}
/* cms_heading */
h1.cms_heading {
	color: #54544c;
	font-weight: normal;
	font-size: 14px;
	font-weight: bold;
}


tr.cms_masteraddedit_table td{
	padding-bottom:10px;
}


.cms_form_replicate {
	color: #e38c1c;
	white-space: nowrap;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;	
	vertical-align: middle;
	padding-top: 2px;
}

/* @group browse */
#cms_browse_heading h1, .cms_browse_heading_label h1{
	color: #54544c;
	font-weight: normal;
	font-size: 14px;
	font-weight: bold;
}

#cms_browse_heading_label{
	float:  left;
	margin:  0;
	padding: 0;
	width: 196px;
	display: inline;
}

#cms_browse_addrecord {
	float:  right;
	margin: 0;
	padding: 0;
	width: 450px;
}


#cms_browse_addrecord form {
	display: inline;
}

.cms_browse_divider {
	clear: both;
	height:1px;
	background: url(/cms/images/menu_divider_small.gif) repeat-x;
}

#cms_browse_topdivider {
	clear: both;
	margin-bottom: 10px;
}

#cms_browse { }
#cms_browse_pagination { }
#cms_browse_pagination_previous{ }
#cms_browse_pagination_next { }

/* @end */	


/* @group viewmode */
#cms_viewmode {
	display: inline;
}

#cms_videmode_modedisplay {
	float: left;
}

.cms_viewmode_selectlinks img{
	float:right
}

.cms_viewmode_selectlinks img{
	float:right
}

.cms_viewmode_selectlinks a, .cms_viewmode_selectlinks a:visited, .cms_viewmode_selectlinks a:hover, .cms_viewmode_selectlinks a:active{
	width: 40px;
	height: 26px;	
	display: block;
	float:right;
}
/*
a#cms_viewmode_cms {
	background: url(/cms/images/menu_cms.gif) no-repeat 0px 0px;
}

a#cms_viewmode_admin {
	background: url(/cms/images/menu_admin.gif) 0px 0px no-repeat;
}

a#cms_viewmode_intranet {
	background: url(/cms/images/menu_intranet.gif) 0px 0px no-repeat;
}

a#cms_viewmode_mailout {
	background: url(/cms/images/menu_mailout.gif) 0px 0px no-repeat;
}

a#cms_viewmode_cms:hover{
	background: url(/cms/images/menu_cms_on.gif) no-repeat 0px 0px;
}
a#cms_viewmode_admin:hover {
	background: url(/cms/images/menu_admin_on.gif) 0px 0px no-repeat;
}
a#cms_viewmode_intranet:hover {
	background: url(/cms/images/menu_intranet_on.gif) 0px 0px no-repeat;
}
a#cms_viewmode_mailout:hover {
	background: url(/cms/images/menu_mailout_on.gif) 0px 0px no-repeat;
}*/
/* @end */	


.cms_error {
	color: #CC0000; 
	font-weight: bold;
}

#cms_goquickadd {
	width:100%;
	height:36px;
	padding-top:  100px;
}


.cms_goquickadd {	
	color: #e38c1c;
	white-space: nowrap;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
}

.cms_goquickadd select{
	text-transform: none;	
}
#cms_folderquickadd {}


.cms_folderquickadd {
	color: #e38c1c;
	white-space: nowrap;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
}

.cms_folderquickadd select{
	text-transform: none;	
}
.cms_form_element{ 
	text-align: left;
	vertical-align: top;
}

.cms_form_label {
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}

select.cms_form_dropdown {
	width:  380px;
}

.cms_form_dualselect {
	width:  125px;
	overflow: hidden;
}

textarea.cms_form_textarea{
	width: 380px;
	height: 100px;
}

input.cms_form_text {
	width: 380px;
}

input.cms_form_file {
	width: 380px;
}
	
input.cms_form_date{
	width: 380px;
}

.cms_form_date img {
	padding-left: 5px;
}
.cms_form_date {
	vertical-align: middle;
}
.cms_form_text_label { }

label.cms_form_checkbox{ 
	display: block;
	padding-bottom: 5px;
}

#cms_masteredit_190_11332 textarea#cms_form_author.cms_form_textarea {
	height: 500px;
}

input.cms_form_checkbox{

}

.cms_form_textlabel{ }

.cms_form_fck { 
	width: 100%;
	height: 200px;
}

.cms_form_fck iframe, .cms_form_fck textarea {
	width: 100%;
	height: 100%;
}

.cms_form_file_container{	
	width: 380px;
}

.cms_postings_edit {
	width: 100%;
}
#cms_add_posting_notify {
	background-color: #efefef;
	padding: 3px 5px 3px 10px;
}

#cms_add_posting_title {
	padding: 10px 5px 10px 10px;
	background-color: #efefef;
}

#cms_add_posting_title input {
	padding: 0;
	margin:5px;
	width:90%;
}
#cms_add_posting_title_label {
	float:  left;
	width:  15%;
	text-align: left;
	font-weight: bold;
	padding: 0;
	margin: 0;
}

#cms_add_posting_title_input {
	float:  right;
	width:  85%;
	text-align: left;
	padding: 0;
	margin: 0;
}

#cms_add_posting_attachment {
	background-color: #efefef;
	padding: 10px 5px 10px 10px;
}

#cms_add_posting_attachment_label{
	float:  left;
	width: 50%;
	text-align: left;
	font-weight: bold;
}
#cms_add_posting_attachment_input {
	float:  right;
	width: 50%;
	text-align: right;
}

#cms_add_posting_submit {
	clear: both;
	float:  right;
	margin-top:10px;
}

/* @end */


#cms_contentIndex {
	display: block;
	padding: 10px;
}

.cms_contentheading {
	font-size: 12px; 
	color: #990000;
	line-height: normal; 
	font-weight: bold
}

.cms_contentlinks {
	font-size: 12px; 
	color: #000000
}
/* @group sidebar */

#cms_sidebarIndex {
	display: block;
	padding: 0px;
	margin: 0px;	
}

/* @end */
/* @group sidebar nav */
ul.cms_sidebarmenu {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 1em;
	clear: both;
}

ul.cms_sidebarmenu li{	
	color: #d8d8d8;
	text-transform: uppercase;
	font-weight: bold;
}

ul.cms_sidebarsubmenu {
	list-style-type: none;
	padding: 0;
	margin: 0;
	margin-left: 1em;
}

ul.cms_sidebarsubmenu li {
	background-image: url(/cms/images/submenu_bar.gif);
	background-repeat: no-repeat;
	background-position: 0 6px;
	text-transform: none;
	padding-left:  0.6em;
	padding-top: 4px;
}

ul.cms_sidebarsubmenu a, ul.cms_sidebarsubmenu a:active, ul.cms_sidebarsubmenu a:visited, ul.cms_sidebarsubmenu a:hover {
	text-decoration: none;
	color:  #d5e4f0;
	font-weight: normal;
}

div.cms_sidebar_menudivider {
	background: url(/cms/images/menu_divider_small.gif) repeat-x;
	height: 1px;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}
	
/* @end */
/* @group page positioning */

#cms_container {
	width: 861px;
	margin: 0px auto;
	padding: 0px;
	line-height: 130%;
	height: 100%;
}

#cms_top {
	background-color: #4c4c4c;
	height: 85px;
	/*background-image: url(/cms/images/header.jpg);	*/
}

#cms_status {
	height: 33px;
	color: white;
	background: url(/cms/images/nav_bar.jpg) no-repeat 11px;
	padding-left:  20px;
	padding-right:  20px;

}

#cms_footer {
	height: 36px;
	background-image: url(/cms/images/footer_bar.gif);
	position: absolute;
	color: #d5e4f0;
	font-size: 10px;
}

#cms_footer_home {
	height: 36px;
	background-image: url(/cms/images/footer_bar_home.gif);
	position: absolute;
	color: #d5e4f0;
	font-size: 10px;
}


#cms_footer_copyright {
	position: relative;
	top: 5px;
	float:  left;
	left:  30px;

}

#cms_footer_email {
	position: relative;
	float: right;
	top:  5px;
	left:  -20px;
}

#cms_footer_email a{
	text-decoration: none;
	color: #d5e4f0;
}

body {
	margin: 0px;
	padding: 0px;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif; 
	font-size: 11px;
	color: #517086;
	background: repeat url(/cms/images/bg_lower.gif);
}

#cms_bodywrapper {
	background: repeat-x url(/cms/images/bg_upper.gif);
	height: 476px;
}

#cms_sidebar {
	float: left;
	display: inline;
	width: 150px;
	background: #3a5573 repeat-x url(/cms/images/gradient_bg.jpg);
	margin-left: 11px;
	clear: both;
}






#cms_left_sidebar {
	display: inline;
	float: left;
	width: 4px;
	background: #3a5573 repeat-x url(/cms/images/gradient_bg.jpg);
}

#cms_content {
	display: inline;
	float: left;
	width: 687px;
	background: white;
}



#cms_intro_blurb {
	float: left;
	display: inline;
	width: 565px;
	background: #3a5573 repeat-x url(/cms/images/blurb_bg.gif);
	margin-left: 11px;
	clear: both;
}



#cms_login {
	display: inline;
	float: left;
	width: 272px;
	background: #3a5573 repeat-x url(/cms/images/gradient_bg.jpg);
	color: #FFF;
}


#cms_status_home {
	height: 33px;
	color: white;
	background: url(/cms/images/nav_bar_home.gif) no-repeat 11px;
	padding-left:  20px;
	padding-right:  20px;

}




/* Start Mac IE5 filter \*/
#cms_content, #cms_sidebar, #cms_left_sidebar, #cms_login, #cms_intro_blurb {
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
}
/* End Mac IE5 filter */
#cms_wrapper {
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#cms_wrapper {
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
}
/* easy clearing */
#cms_wrapper:after
{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#cms_wrapper {
	display: inline-block;
}
/*\*/
#cms_wrapper {
	display: block;
}
/* end easy clearing */
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #cms_footer_home, * > #cms_footer, * > form, * > #cms_notes, * > .output {
	position: relative;
	z-index: 1000;
}
	
	
	
/* @end */


/* @group Form switchboard */
.cms_cmsFormSwitchBoard {
	font-family: Verdana, Arial, Helvectia, sans-serif;
	font-size: 10px;	
}

div.cms_cmsFormSwitchBoard {
	margin:  10px;
}

.cms_textareastyle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
 	background-color: #FFFFFF;
 	border: 1px solid #000000; 
}

.cms_border {
	font-family: arial;
	font-size: 11px;
	border-width: 1;
	border-style: solid;
	border-color: green;
	font-family: arial; 
	font-size: 11px;
	background-color: #ffffff;
}
.cms_bottombg {
	background-color: green;
}
.cms_topBorders {
	border-style: solid;
	border-width: 1;
	border-color: blue;
	cursor: pointer;
}

/* @end */

/* @group shadows */
.wrap1, .wrap2, .wrap3 {
	display:inline-table;
	/* \*/display:block;/**/
} 
.wrap1 {
	float:left;
	background:url(/cms/html/files/images/shadow.gif) right bottom no-repeat;
}
.wrap2 {
	background:url(/cms/html/files/images/corner_bl.gif) -12px 100% no-repeat;
}
.wrap3 {
	padding:0 9px 9px 0;
	background:url(/cms/html/files/images/corner_tr.gif) 100% -12px no-repeat;;
}
.wrap3 img {
	display:block;
	border:1px solid #999999;
	padding: 5px;
	background-color: white;
}

/* @end */

/* @group Postings */
	
#cms_postings_container{
}

table.cms_postings_parent {
	padding: 10px inherit inherit 10px;
}
.cms_postings_parent {
	background-color: #E1E1E1; 
	padding: 5px;	
}

.cms_postings_child {	
	background-color: #EFEFEF; 
	padding: 5px;
}

table.cms_postings_child {
	margin: 10px 0 0 0;
	padding: 10px inherit inherit 10px;
}

img.cms_postings_parent_comment_icon {
	float: left;
}

img.cms_postings_parent_attachment_icon {	
	vertical-align:  middle;
}

img.cms_postings_child_comment_icon {
	float: left;
}

img.cms_postings_child_attachment_icon {	
	vertical-align:  middle;
}

.cms_add_posting_container {
	margin-top:  10px;
}

.cms_add_posting_header {
	background-color: #666666; 
	padding: 10px;
	margin: 0px;
	border: 0px;
	color: #FFFFFF; 
	font-weight: normal;
	font-size: 10px;
}

.cms_add_posting_submit {
	text-align: right;
	width: 100%;
	padding-top:  5px;
}

.cms_add_posting_submit a, .cms_add_posting_submit a:visited, .cms_add_posting_submit a:active, .cms_add_posting_submit a:hover {
	font-size: 14px;
	color: black;
}

td.cms_postings_child_text, td.cms_postings_parent_text{
	padding: 5px 11px;
}
/* @end */

/* @group Mailout */
.cmsMailout {
}
.cmsMailoutBodyContentBlock{
	width:100%; 
}
input.cmsMailout {
	width: 380px;

}

input.cmsMailoutButton {}

textarea.cmsMailout {
	width: 100%;
	height:200px;
}
.cmsMailoutBodyContentBlockPositionButtons{
}
.cmsMailoutMailActions{
	margin-top: 10px;	
	text-align: right;
}
.cmsMailoutBodyContentBlockDeleteButtons{
	padding-left: 15px;
}
.cmsMailoutBodyContentBlockAddButtons{
	padding-left: 15px;
}
.cmsMailoutBodyContentBlockFile{
	font:1.1em Verdana;
}
.cmsMailoutBodyContentBlockSelect{
	width:120px;
	font:1.1em Verdana;
}

.validationError {
	color: #ca2706;
	font-weight: bold;
	margin-top: 4px;
}
/* @end */






/***************************************************TINY MCE ***************************************************/

#mceContainer {
	padding: 20px;
	}
	
#mceContainer h2 {
	margin: 0px 0px 0px 0px;
	padding: 0;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

#mceContainer form {
	padding: 0;
	margin: 0;
	}
	
#mceContainer table {
	font-size: 11px;

}
	

.tableBg {
	background: #ecf2f6;
	}
	
.cellBgWhite {
	padding: 6px;
	border: 1px solid #ECF2F6;
	}

.cellBg {
	background: #f5f9fc;
	padding: 6px;
	border: 1px solid #ECF2F6;
	margin: 0;
	}
	
.cellSelected {
	background: #f4d1a4;
	padding: 6px;
	border: 1px solid #ECF2F6;
	margin: 0;
	}
	
.mceImage {
	padding: 5px;
	margin: 10px;
	border: 1px solid #c0d3df;
	background: white;
	}
	
.mceInputs {
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 2px;
	margin:0;
	border: 1px solid #c0d3df;
	}
	
.mceSelected {
	color: #e38C1C;
	font-weight: bold;
	}
	
.mceBread {
	font-size: 10px;
	margin-bottom: 20px;
	}
	


/*****************************************************************************************CHECKLISTS *************************/



.checkList {
	border: 1px solid #ccc;
	list-style: none;
	height: 10em;
	overflow: auto;
	background: #f5f9fc;
	color: #4d7e9e;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 11px;
	width: 200px;
	margin: 20px 0px 0px 0px;
	height: 200px;
	border: 1px solid #d3e5f1; 
}

.checkList, .checkList li { 
	margin-left: 0; 
	padding: 0px; 
}

.checkList label { 
	display: block; 
	padding-left: 25px; 
	text-indent: -25px; 
}

.checkList label:hover, .checkList label.hover { 
	background: #777; 
	color: #fff; 
}

* html .checkList label { 
	height: 1%; 
}
		


.checkList input { 
	vertical-align: middle;
	border: none; 
	margin-right: 5px;
}
.checkList label { 
	border-bottom: 1px solid #d3e5f1; 
	padding: 6px 6px 6px 30px; 
}
.checkList label:hover, .checkList label.hover { 
	background: #708ca1; 
	color: #fff; 
}


.rightCheckList {
	width: 20em;
	clear: none;
	float: left;
	margin: 0px 0px 0px 0px;
}

.leftCheckList {
	width: 20em;
	clear: both;
	float: left;
	margin: 0px 0px 0px 0px;
}

#postdata{
	clear: both;
	float: none;

}

input#submit {
	clear: both;
	float: left;
	margin-top: 2em;
	margin-bottom: 5em;
	margin-left: 1em;
}
input#sort{
	clear: both;
	float: left;
	margin-left: 1em;
	margin-top: 2em;
}


/* Container styling*/	
			
.accordion_toggle {
	display: block;
	width: 640px;
	
	background-image: url(/cms/images/accordionOpen.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-attachment: center;

	padding: 3px 3px 3px 20px;
	border-bottom: 1px solid #c8d8e5;
	border-top: 2px solid #FFF;
	font-weight: bold;
}

#vertical_container h1.odd {
	background-color: #ffffff;

}

#vertical_container h1.even {
		background-color: #f4f9fd;
}

.accordion_toggle p{
	line-height: 18px;
	font-size: 12px;
	vertical-align: middle;	
}

.accordion_content {
	background: white;
	padding: 5px;
	width: 640px;

}

/* charts */
.clear {
	float: none;
	clear: both;
	line-height: 0;
	height:0;
}	

.mailoutChart {
	width: 100%;
	padding: 0;
	margin: 0;
}

.chartContainer {
	border: 1px solid #d5e4f0;
	margin: 10px;
}	

.mailoutDetails	h1{
	font-size: 20px;
	margin-bottom: 0.2em;
}

.mailoutDetails	h2{
	font-size: 18px;	
	margin-bottom: 0.5em;	
	margin-top: 1em;
	border-bottom: 1px solid  #d5e4f0;

}

.mailoutDetails	h3{
	font-size: 14px;
	margin-bottom: 0.2em;
	margin-top:  0.5em;
}

.mailoutDetailsSection {
	width: 100%;
	clear: both;
	float: none;
}
.container {
	background: white;
}

ul.bounces {
	width: 90%;
	text-align: left;
}

ul.bounces li{
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
	line-height: 2em;
	display: block;
	width: 100%;
}

ul.bounces li.even {
	background-color: #f4f9fd;
}

ul.bounces li.odd {
	background-color: white;	
}


ul.bounces li .bouncecount {
	float: right;
	vertical-align: center;
	clear: none;
	width: 60%;
	text-align: right;
}

ul.bounces li .bounceemail {
	float: left;
	vertical-align: center;
	clear: none;
	width: 40%;
}

table.generalstats {
	width: 100%;
	margin: 0;
	padding: 0;
	border: none;
}

table.generalstats td {
	padding: 2px;
}

table.generalstats td.label {
	float: left;
	vertical-align: center;
	clear: none;
	width: 200px;	
	display: inline;
}

table.generalstats td strong {
	font-weight: bold;
}

table.generalstats td.value {
	float: left;
	vertical-align: center;
	clear: none;
	display: inline;
}

#mailoutBounceReport div.bouncesContainer {
  	max-height: 500px;
  	padding-bottom: 0.3em;
  	overflow: auto;
  	text-align: center;
	height: expression(this.scrollHeight > 500 ? "500px" : "auto" );  	
}

#mailoutBounceReport {
	border-bottom: 1px solid #c8d8e5;
  	margin-bottom: 1em

}

.loadingContainer {
	width: 100%;
	height: 200px;
	text-align: center;
	vertical-align: center;
	display: inline;
	width: 128px;
	height: 128px;

}


.fileSelector {
	width: 700px; 
	height: 300px; 
	overflow: auto;
}
	
	
#loading { }

/** */